<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>颜色分类, 按照红色(0)、白色(1)、蓝色(2)顺序排列</title>
</head>

<body>
  <script>
    var arr = [2, 0, 2, 1, 1, 0]
    // 6个数排序 最大需要5轮
    // 外层循环控制轮次
    for (var i = 1; i < arr.length; i++) {
      for (var j = 0; j < arr.length - i; j++) {
        // 找到本轮最大的数,并排在本轮尾部
        if (arr[j] > arr[j + 1]) {
          // 交换位置
          var temp = arr[j];
          arr[j] = arr[j + 1];
          arr[j + 1] = temp;
        }
      }
    }
    console.log(arr);
  </script>
</body>

</html>